body {
	background-image:url(../images/Background-Wall.jpg);
	background-size: auto;
}

#dartautomatDialog {
	width:1600px;
	height:900px;
	display:none;
}
#dartautomatDialog input[type=submit] {
	width: 100px;
}

#dartcanvas {
	width: 750px;
	height: 750px;
	float:left;
	border: 5px solid black;
}
#dartomat {
	float:left;
}
#dartscoreboard {
	float:left;
	margin-left: 10px;
	color: wheat;
}

.currentPlayer {
	color:greenyellow;
}
.currentPlayerName {
	color:#FF0000;
}
.player {
	color:gray;
}
.win {
	background:darkgray!important;
	color: lightgray!important;
}
#gameheader {
	background-color:rgb(18, 77, 62);
	color: lightyellow;
	font-size: 19px;
	margin-bottom: 10px;
	font-size: 60px;
	background-image: radial-gradient(
		center 0,
		white,
		black
		);
	border-spacing: 0px;
}
#gameheader td {
	border: 1px solid lightgray;
	padding: 10px;
	white-space: nowrap;
}
#scoretable {
	background-color:lightgray;
}
#scoretable .playerName {
	font-size:66px;
	white-space: nowrap;
	padding:10px;
}
#scoretable .score {
	font-size:120px;
	padding:10px;
}
#scoretable .scoreAvg {
	font-size:66px;
	padding:10px;
}
#scoretable .statistic {
	font-size:90px;
	vertical-align: top;
	padding:5px;
}
#scoretable .scream {
	font-size:32px;
	vertical-align: top;
	padding:5px;
	white-space:nowrap;
}
#scoretable .checkout {
	font-size: 30px;
	font-family: monospace;
	padding-top: 8px;
}
#scorestatistics {
	color: #ADFF2F;
	font-size: 20px;
	border-spacing: 0px;
}
#scorestatistics td {
	border-right: 1px solid gray;
	padding: 2px;
	width: 17px;
}

@font-face {
	font-family: 'digi';
	src: url('../images/DS-DIGII.TTF');
}
.digi {
	font-family: 'digi';
	background: black;
	background-image: radial-gradient(
		center 0,
		white,
		black
		);
}
.digi.currentPlayer {
	font-family: 'digi';
	background-color:rgb(18, 77, 62);
	background-image: radial-gradient(
		center 0,
		white,
		black
		);
}
.width100 {
	width:100px;
}
.width130 {
	width:130px;
}
.width180 {
	width:180px;
}
.width200 {
	width:200px;
}
.width270 {
	width:270px;
}
.width300 {
	width:300px;
}

@-webkit-keyframes blinker {
  from {opacity: 1.0;}
  to {opacity: 0.0;}
}
.blink {
	text-decoration: blink;
	-webkit-animation-name: blinker;
	-webkit-animation-duration: 0.7s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:ease-in-out;
	-webkit-animation-direction: alternate;
}
.red {
	color: red;
}

.dartautomat, form#undo, #scores {
    clear: both;
}

#scores {
    background-color: rgb(172, 172, 172);
    width: 760px;
    font-size: 16px;
    max-height: 59px;
    overflow: auto;
}
#scores .regular, #scores .undo {
    display:inline-block;
}
#scores .undo {
    text-decoration: line-through;
    color: darkred;
}
#scores .regular {
    color: green;
}
form#undo {
    margin-bottom: 0px;
}
.width180.scream {
    font-size: 30px;
}
.dropout {
	font-size: 30px;
	cursor: pointer;
	color: red;
}.width180.scream {
    font-size: 30px;
}
span.dropout {
	font-size: 25px;
	cursor: pointer;
	color: red;
	border: 2px red solid;
	padding: 2px;
}
td.dropout {
    color: red;
	cursor: auto;
}